require.config({
    baseUrl: '../js/library', // 基础路径
    paths: {
        jquery: 'jquery',
        axios: 'axios',
        cookie: 'cookie'
    },
    shim: {}
});

require(['cookie', 'axios', 'jquery'], function (cookie, axios, $) {
    $.ajax({
        url: '../shop/all',
        type: 'get',
        dataType: 'json'
    })
        .then(val => {
            console.log(val);
            let strsum = '';
            val.forEach(e => {
                console.log(e.id);
                strsum += ` 
                 <li>
                    <a href="./product.html?id=${e.id}">
                        <img src="../${e.imgmin}" alt="" />
                        <h3>${e.name}</h3>
                        <p>${e.title}</p>
                        <p class="jg">${e.price}元起</p>
                    </a>
                </li>`;
            });
            $('#zhuyexuanr').html(strsum);
        })
        .catch(xhr => {
            console.log(xhr.status);
        });

    $('.bt>.clear_fix>li').on('mouseover', function () {
        let _index = $('.bt>.clear_fix>li').index(this);
        $('#box>.warpper>ul').eq(_index).addClass('display').siblings().removeClass('display');
    });

    $('#jdlb>span').on('mouseover', function () {
        $(this).addClass('active').siblings().removeClass('active');
        let _index = $('#jdlb>span').index(this);
        $('#jdlbnr>ul').eq(_index).addClass('display').siblings().removeClass('display');
    });

    let a = 1;
    $('#lbt>.zuo').on('click', function () {
        a--;
        if (a <= -1) {
            a = 4;
        }
        $('#lbt>a').eq(a).addClass('opacity').siblings().removeClass('opacity');
    });
    $('#lbt>.you').on('click', function () {
        a++;
        if (a > 4) {
            a = 0;
        }
        $('#lbt>a').eq(a).addClass('opacity').siblings().removeClass('opacity');
        console.log($('#lbt>a>img'));
    });
    setInterval(function () {
        a++;
        if (a > 4) {
            a = 0;
        }
        $('#lbt>a').eq(a).addClass('opacity').siblings().removeClass('opacity');
    }, 5000);

    $(window).scroll(function (e) {
        console.log($(this).scrollTop());
        if ($(this).scrollTop() >= 800) {
            $('#hddb').addClass('display');
        } else {
            $('#hddb').removeClass('display');
        }
    });

    $('#hddb').on('click', function () {
        $(window).scrollTop(0);
    });
});
